﻿/*
	
	Blue Island Free Template
	by David Herreman
	http://www.free-css-templates.com

*/


textarea.text { 
	height: 150px; 
	width: 90%; 
	border: 1px solid #ccc; 
	background: #fff; 
	color: #000;
}

textarea.text:hover { 
	border: 1px solid #eee; 
	background: #FFFFF4; 
	color: #000;
}

input.field { 
	border: 1px solid #ccc; 
	background-color: #FFFFFF; 
	width: 200px; 
	color: #000;
}

input.field:hover { 
	border: 1px solid #eee; 
	background: #FFFFF4; 
	color: #000;
}

input.text { 
	margin: 0; 
	width: 110px;
	border: 1px solid #eee; 
	background: #FFF;
	color: #000; 
}

input.text:hover { 
	border: 1px solid #ccc; 
}

input.searchbutton { 
	margin: 0; 
	font-size: 100%; 
	font-family: Arial, Sans-serif; 
	border: none; 
	background: #FFFFFF; 
	color: #808080; 
	padding: 1px; 
	font-weight: bold; 
}

input.button { 
	background: #FFFFF4; 
	color: #808080;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

h4 {
	font-size: 12px;
	color: #50922C;
	text-align: left;
	background-color: #fff;
}

.date {
	text-align: right;
	color: #808080;
	font-size: 11px;
	background-color: #cad9de;
}

.date a {
	color: #003647;
	background-color: #cad9de;
}



#page-container {
	width: 760px;
	text-align: left;
	margin: auto;
	background-color: #cad9de;
}

body {
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 12px;
	color: #666666;
	background: #405060;
	text-align: center;
	
}


#header {
	background: #cad9de url("images/header.jpg")  left no-repeat;
	height: 212px;
	padding: 0 0 0 0px;
	text-align: left;
	color: #ffffff;
	font-size: 10px;
	background-color: #cad9de;
}

#header a {
 color: #000;
}
#header #login{
	height: 212px;
	width: 200px;
	padding: 0 0 0 0px;
	float: right;
	background-color:#EEEEEE;
	color:Black;
}

#menu {
	background: #cad9de url("images/menu.jpg") top center no-repeat;
	height: 87px;
	text-align: center;
	color: #fff;
	font-size: 10px;
    font-size: 100%; 
	padding-top: 7px;
}


#menu .padding {
 padding-top: 0px;
}

* html #menu .padding {
 padding-top: 5px;
}

* html #menu {
	background: #cad9de url("images/menu.jpg") top center no-repeat;
	height: 87px;
	text-align: center;
	color: #fff;
	font-size: 10px;
    font-size: 100%; 
	padding: 0px;
}

#menu a {
	color: #fff;
	font-size: 9pt;
	font-weight: bold;
	padding: 0px 10px 0px 10px;
	text-decoration: none;
}

#menu a:hover {
	color: #fff;
	font-size: 9pt;
	font-weight: bold;
	padding: 0 10px 0 10px;
	text-decoration: underline ;
	
}


#menu input.button { 
	background: #003647; 
	border: none;
	color: #fff;
	font-weight: bold;
}

* html #menu input.button { 
	background: #003647; 
	border: none;
	color: #fff;
	font-weight: bold;
	
}

.search { 
	color: #fff;
	clear: both;
	font-weight: bold;
	padding: 10px 25px 10px 10px;
	margin: 5px 0;
}

* html .search { 
	color: #fff;
	clear: both;
	font-weight: bold;
	padding: 0px 0px 00px 0px;
	margin: 0px 0;
}

#menu input.text { 
	width: 292px; 
	border: 0;
	background: #FFF url(images/input.gif) no-repeat;
	margin-top: 4px;
	padding: 4px; 
	color: #003647;
}

* html #menu input.text { 
	border: 0px;
	background: url(images/input.gif) no-repeat;
	margin-top: 0px;
	padding: 4px; 
	color: #003647;
}

#myhr {
 background: url(images/hr.gif) no-repeat center;
 margin: 13px;
 height: 1px;
 background-color: #eee;
}


#content {
	background-color: #cad9de;
	padding-top: 0px;
	margin-right: 255px;
	line-height: 18px;
	padding-left: 10px;
}

#content .padding {
	padding: 10px 10px 0px 10px;
	color: #000;
	background-color: #cad9de;
}


#content h2 {
	margin-top: 5px;
	padding-top: 5px;
	padding-bottom: 0px;
	color: #003647;
	line-height: 30px;
	background-color: #cad9de;
}
#content h1 {
	margin-top: 5px;
	padding-top: 5px;
	padding-bottom: 0px;
	color: #808080;
	line-height: 30px;
	background-color: #cad9de;
}


* html #content h2 {
	margin-top: 10px;
	padding-top: 10px;
	padding-bottom: 0px;
	color: #003647;
	line-height: 30px;
	background-color: #cad9de;
}

#content a {
color: #003647;
text-decoration: none;
background-color: #cad9de;
}

#content p {
	margin: 0;
	padding: 0;
	padding-top: 5px;
	background-color: #cad9de;
}

#box {
	width: auto;
	line-height: 18px;
	margin-top: 30px;
	margin-right: 20px;
	margin-left: 10px;
	padding: 10px 10px 10px 10px;
	background-color: #eee;
	border: 1px;
	border-style: solid;
    border-color: #003647;
}

#sidebar-a {
	float: right;
	width: 195px;
	line-height: 18px;
	margin-top: 30px;
	margin-right: 20px;
	background-color: #eee;
}

* html #sidebar-a {
	float: right;
	width: 95px;
	line-height: 18px;
	margin-top: 30px;
	margin-right: 10px;
	padding-left: 0px;
	padding-right: 0px;
	background-color: #eee;
}



* html #sidebar-a p {
  width: 173px;
  margin-left: 10px;
  margin-top: 15px;
  text-decoration: none ;
  text-align: left;
  background-color: #eee;
  }



#footer {
	clear:both;
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	font-size: 11px;
	color: #fff;
	padding: 4px 0px;
	text-align: center;
	background-color: #003647;
}

#footer a {
	color: #fff;
	text-decoration: none;
}

#footer a:hover {
	color: #fff;
}

#footer #copyright {
	padding-top: 1px;
}

.hidden {
	display: none;
}

.roundcont {
	width: 195px;
	background-color: #eee;
    color: #808080;
}

.roundcont {
    width: 195px;
	background-color: #eee;
    color: #808080;
	padding:0px;
	}


.roundcont p {
	margin: 25px 10px;
}

.roundtop { 
	background: url(images/topright.gif) no-repeat top right; 
}

.roundbottom {
	background: url(images/botright.gif) no-repeat top right; 
}

img.corner {
   width: 18px;
   height: 17px;
   border: none;
   display: block !important;
}
